<div class="color-border-muted border-bottom mb-2 clearfix px-2 py-3">
    {% if user.session %}
    <a type="button" href="new" class="btn btn-primary float-right">创建仓库</a>
    {% endif %}
</div>
<ol class="list-style-none">
    {% for item in repos %}
    <li class="list-style-none py-4 d-flex flex-items-center color-border-muted border-bottom">
        <div class="col-10 flex-1">
            <p><a class="text-bold f4" href="{{ROOT}}{{ item.url }}">{{ item.name }}</a></p>
            <p class="f6 color-fg-muted mt-2">{{ item.description }}</p>
            <p class="f6 color-fg-muted mt-2">
                {% if item.language.name %}
                <span class="mr-3">{{ repo_language(item.language.name, item.language.color) }}</span>
                {% endif %}
                {% if item.relative_time %}
                <span>Lastest update <span class="ml-1">{{ item.relative_time }}</span></span>
                {% endif %}
            </p>
        </div>
    </li>
    {% endfor %}
</ol>